﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";

.product-list {
    margin-top: @grid-gutter-width/2;

    .title {
        font-size: @font-size-h3;
        color: @text-color;
    }

    .item-box {
        //product iamge size(290*346)
        float: none;
        width: 100%;

        .product-item {
            width: 100%;
            border-top: 1px solid #ccc;
            overflow: hidden;
            padding: 10px 0;
            position: relative;
            height: 270px;

            .picture {
                position: absolute;
                left: 0;
                top: 10px;
            }

            .details {
                float: left;
                width: 100%;
                border:none;
                padding-left: 225px;
            }
        }
    }
}
